<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Signin Template · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/sign-in/">

    <!-- Bootstrap core CSS -->
    <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
    
    <!-- Custom styles for this template -->
    <link href="signin.css" rel="stylesheet">
  </head>
  <body class="text-center">
    
<main class="form-signin">
  <form action="http://localhost:8080/Spring_MVC/verify" method="post">
    <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
    <h1 class="h3 mb-3 fw-normal">Please sign in</h1>

    <div class="form-floating">
      <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com" name="email">
      <label for="floatingInput">Email address</label>
    </div>
    <div class="form-floating">
      <input type="password" class="form-control" id="floatingPassword" placeholder="请输入密码" name="password">
      <label for="floatingPassword">Password</label>
    </div>
    <div class="form-floating">
      <!--<input type="text" class="form-control" id="verifyCode" name="vCode">
      <label for="floatingInput">验证码</label>
      <img src="http://localhost:8080/Spring_MVC/vcode">-->

      <div class="row g-1">
        <div class="col">
<!--          <label for="floatingInput">验证码</label>-->
          <input type="text" class="form-control" id="verifyCode" name="vCode" placeholder="验证码" style="height: 58px">
        </div>
        <div class="col">
          <img class="zan-captcha-img" src="http://localhost:8080/Spring_MVC/vcode"
               title="点击刷新"
               alt="验证码"
                onclick="freshvCode()"
               id="vcodeImg"
          />
        </div>
      </div>
    </div>

    <div class="checkbox mb-3">
      <label>
        <input type="checkbox" value="1" name="checkbox"> Remember me
      </label>
    </div>
    <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
    <p class="mt-5 mb-3 text-muted">&copy; 2017–2021</p>
  </form>
</main>


  <script>
    //图片刷新
    function freshvCode() {
      document.getElementById("vcodeImg").src = "http://localhost:8080/Spring_MVC/vcode?time=" + new Date().getTime();
    }

  </script>
  </body>
</html>
